<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>

<link type="text/css" rel="stylesheet"
	href="${ctx}/static/tp/uploadify/css/uploadify.css" />
<script src="${ctx}/static/tp/uploadify/jquery.uploadify-3.1.js"
	type="text/javascript"></script>
<script type="text/javascript">
	var storegrid;
	$(function() {
		storegrid = $('#storegrid')
				.datagrid(
						{
							url : '${ctx}/autoinn/store/list',
							striped : true,
							rownumbers : true,
							pagination : true,
							singleSelect : true,
							idField : 'id',
							sortName : 'id',
							sortOrder : 'desc',
							pageSize : 50,
							pageList : [ 10, 20, 30, 40, 50, 100, 200, 300,
									400, 500 ],
							frozenColumns : [ [ {
								width : '120',
								title : '门店',
								field : 'name',
								sortable : true
							} ] ],
							columns : [ [
									{
										width : '80',
										title : '区域',
										field : 'areaname'
									},
									{
										width : '120',
										title : '地址',
										field : 'address'
									},
									{
										width : '50',
										title : '状态',
										field : 'state',
										formatter : function(value, row) {
											if (value == 0) {
												return sy
														.formatString("<span align='center'>未启用</span>");
											} else {
												return sy
														.formatString("<span>启用</span>");
											}
										}
									},
									{
										width : '120',
										title : '电话',
										field : 'tel'
									},
									{
										width : '80',
										title : '经度',
										field : 'lng'
									},
									{
										width : '80',
										title : '纬度',
										field : 'lat'
									},
									{
										width : '150',
										title : '营业时间',
										field : 'opentime'
									},
									{
										width : '200',
										title : '操作',
										field : 'action',
										formatter : function(value, row) {
											var str = "";
											<shiro:hasPermission name="/autoinn/store/delete">
											str += sy
													.formatString(
															'<span onclick="storremoveFun(\'{0}\');" style="margin-left:3px;cursor:pointer;">【{1}】</span>',
															row.id, "删除");
											</shiro:hasPermission >
											<shiro:hasPermission name="/autoinn/store/cru">
											str += sy
													.formatString(
															'<span onclick="storeupdateFun(\'{0}\');" style="margin-left:3px;cursor:pointer;">【{1}】</span>',
															row.id, "修改");
											</shiro:hasPermission >
											<shiro:hasPermission name="/autoinn/facilitator/update/pro">
											str +=sy.formatString(
													'<span onclick="facilitatorddFun(\'{0}\');" style="margin-left:3px;cursor:pointer;">【{1}】</span>',
													row.id, "添加管理员");
											</shiro:hasPermission>
											return str;
										}
									} ] ],
							toolbar : '#storetoolbar',
							onBeforeLoad : function(param) {
								parent.$.messager.progress({
									text : '数据加载中....'
								});
							},
							onLoadSuccess : function(data) {
								$('.iconImg').attr('src', sy.pixel_0);
								
								$('#arealistid').combotree({
									url : '${ctx}/autoinn/area/treegrid',
									idFiled : 'id',
									textFiled : 'text',
									parentField : 'pid',
									lines : true
								});
								parent.$.messager.progress('close');
							
							}
						});
	});

	//删除
	var storremoveFun = function(id) {
		parent.$.messager.confirm('询问', '您确定要删除此记录？', function(r) {
			if (r) {
				$.post('${ctx}/autoinn/store/delete/' + id, {
					id : id
				}, function(data) {
					
					storegrid.datagrid('reload');
					$.messager.alert(
							'温馨提示',
							data.message);
				}, 'json');
			}
		});
	};
	
	//添加管理
	var facilitatorddFun = function(id) {
		$('<div/>')
				.dialog(
						{
							href : '${ctx}/autoinn/facilitator/update/pro?storid='+id,
							width : 540,
							height : 200,
							modal : true,
							title : '添加管理员',
							buttons : [ {
								text : '添加',
								iconCls : 'icon-add',
								handler : function() {
								
									var d = $(this).closest('.window-body');

									$('#facilitator_updateForms').form('submit', {
										url : '${ctx}/autoinn/facilitator/update/pro/json',
										success : function(result) {
											
											try {
												var r = $.parseJSON(result);

												if (r.success) {
												
													d.dialog('destroy');
												}

												$.messager.show({
													title : '温馨提示',
													msg : r.message
												});

											} catch (e) {
												$.messager.alert('温馨提示', e.message);
												return;
											}


										}

									});
								}
							} ],
						
							onClose : function() {
								$(this).dialog('destroy');
							}
						});
	};


	//添加
	var storeaddFun = function() {
		var storeDialog = $('<div/>')
				.dialog(
						{
							href : '${ctx}/autoinn/store/cru',
							width : 640,
							height : 290,
							modal : true,
							title : '添加门店',
							buttons : [ {
								text : '添加',
								iconCls : 'icon-add',
								handler : function() {
									if ($('#store_updateForms')
											.form('validate')) {
										$("#fileup").uploadify("upload");
									}

								}
							} ],
							onLoad : function() {
								$("#fileup").uploadify({
									'buttonText' : '导入文件',//按钮上的文字
									'auto' : false,//是否选取文件后自动上传
									'progressData' : 'speed',//有speed和percentage两种，一个显示速度，一个显示完成百分比 
									'multi' : true,//是否支持多文件上传
									'height' : 25,
									'fileTypeDesc' : '支持格式:jpg/gif/jpeg/png/bmp.', //如果配置了以下的'fileExt'属性，那么这个属性是必须的 
									'fileTypeExts' : '*.jpg;*.jpeg;*.gif',//允许的格式
									'queueID' : 'fileQueue',
									'fileSizeLimit' : '15MB',
									'swf' : '${ctx}/static/tp/uploadify/uploadify.swf',
									'uploader' : '${ctx}/autoinn/store/update/pro/upload',
									'onUploadSuccess' : function(file, data,response) {
										try {
											var uload_result = $.parseJSON(data);
											if (uload_result.success == true) {
												$("#logo").attr("value",uload_result.message);
											
												
												//设置图片预览
												$("#logo_yl").attr("src","${ ctx}/upload/"+uload_result.message); 
												$('#store_updateForms').form('submit',{
													url : '${ctx}/autoinn/store/update/pro',
													success : function(result) {
														var r = $.parseJSON(result);
														try {
															if (r.success) {
																storegrid.datagrid('reload'); // 刷新数据  
																storeDialog.dialog('destroy');
															}
															$.messager.show({
																		title : '温馨提示',
																		msg : r.message
																	});
														} catch (e) {
															$.messager.show({
																		title : '温馨提示',
																		msg : r.message
																	});
															return;

														}

													}
												});
											} else {
												$.messager
														.show({
															title : '温馨提示',
															msg : uload_result.message
														});
											}
										} catch (e) {
											$.messager.alert(
													'温馨提示',
													e.message);
											return;
										}
									},
									'onSelectError' : function(
											file, errorCode,
											errorMsg) {//当文件选定发生错误时触发
										switch (errorCode) {
										case -100:
											alert("上传的文件数量已经超出系统限制的"
													+ $(
															'#file_upload')
															.uploadify(
																	'settings',
																	'queueSizeLimit')
													+ "个文件！");
											break;
										case -110:
											alert("文件 ["
													+ file.name
													+ "] 大小超出系统限制的"
													+ $('#file_upload')
															.uploadify(
																	'settings',
																	'fileSizeLimit')
													+ "大小！");
											break;
										case -120:
											alert("文件 ["
													+ file.name
													+ "] 大小异常！");
											break;
										case -130:
											alert("文件 ["
													+ file.name
													+ "] 类型不正确！");
											break;
										default:
											alert("文件不能为空");
										}
									},

								});
							},
							onClose : function() {
								$(this).dialog('destroy');
							}
						});
	};

	//修改
	var storeupdateFun = function(id) {
		var storeupdatedialog = $('<div/>').dialog({
							href : '${ctx}/autoinn/store/cru?id=' + id,
							width : 640,
							height : 290,
							modal : true,
							title : '修改门店',
							buttons : [ {
								text : '修改',
								iconCls : 'icon-add',
								handler : function() {
									var d = $(this).closest('.window-body');
									if ($('#store_updateForms')
											.form('validate')) {
										$("#fileup").uploadify("upload");
									}
								}

							} ],
							onLoad : function() {
								$("#fileup").uploadify({
									'buttonText' : '导入文件',//按钮上的文字
									'auto' : false,//是否选取文件后自动上传
									'progressData' : 'speed',//有speed和percentage两种，一个显示速度，一个显示完成百分比 
									'multi' : true,//是否支持多文件上传
									'height' : 25,
									'fileTypeDesc' : '支持格式:jpg/gif/jpeg/png/bmp.', //如果配置了以下的'fileExt'属性，那么这个属性是必须的 
									'fileTypeExts' : '*.jpg;*.jpeg;*.gif',//允许的格式
									'queueID' : 'fileQueue',
									'fileSizeLimit' : '15MB',
									'swf' : '${ctx}/static/tp/uploadify/uploadify.swf',
									'uploader' : '${ctx}/autoinn/store/update/pro/upload',
									'onUploadSuccess' : function(file, data,response) {
										try {
											var update_result = $.parseJSON(data);
											if (update_result.success == true) {
												//设置值
												$("#logo").val(update_result.message);
												
												//设置图片预览
												$("#logo_yl").attr("src","${ ctx}/upload/"+update_result.message); 
												$('#store_updateForms').form('submit',{
													url : '${ctx}/autoinn/store/update/pro',
													success : function(result) {
														try {
															var r = $.parseJSON(result);
															if (r.success) {
																storegrid.datagrid('reload'); // 刷新数据  
																storeupdatedialog.dialog('destroy');
															}
															$.messager.show({
																		title : '温馨提示',
																		msg : r.message
															});
														} catch (e) {
	
														}
													}
												});
											}
										} catch (e) {
											return;
										}
									},
									'onSelectError' : function(
											file, errorCode,
											errorMsg) {//当文件选定发生错误时触发
										switch (errorCode) {
										case -100:
											alert("上传的文件数量已经超出系统限制的"
													+ $(
															'#file_upload')
															.uploadify(
																	'settings',
																	'queueSizeLimit')
													+ "个文件！");
											break;
										case -110:
											alert("文件 ["
													+ file.name
													+ "] 大小超出系统限制的"
													+ $(
															'#file_upload')
															.uploadify(
																	'settings',
																	'fileSizeLimit')
													+ "大小！");
											break;
										case -120:
											alert("文件 ["
													+ file.name
													+ "] 大小异常！");
											break;
										case -130:
											alert("文件 ["
													+ file.name
													+ "] 类型不正确！");
											break;
										}
									},
	
								});
							},
							onClose : function() {
								$(this).dialog('destroy');
							}
						});

	};
</script>
<!-- 界面布局  -->
<div class="easyui-layout" style="width: 100%; height: 100%;"
	data-options="fit:true,border:false">

	<div id="storetoolbar" style="display: none;">

		<table>
			<tr>
				<td>
					<form id="storesearchForm">
						<table>
							<tr style="font-size: 13px;">
								<td>门店</td>
								<td><input name="storename" style="width: 80px;" /></td>
								<td>地址</td>
								<td><input name="seaaddress" style="width: 150px;" /></td>
								<td>区域</td>
								<td><input id="arealistid" name="arealistid"
									class="easyui-combotree" value="${arid }" style="width: 155px;" /></td>
								<td>状态</td>
								<td><select name="state" class="easyui-combobox"
									data-options="panelHeight:'auto',editable:false">
										<option value="">请选择</option>
										<option value="1">启用</option>
										<option value="0">未启用</option>
								</select>
								<td>创建时间</td>
								<td><input name="startime" class="Wdate"
									onclick="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd HH:mm:ss'})"
									readonly="readonly" style="width: 120px;" />-<input
									name="endtime" class="Wdate"
									onclick="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd HH:mm:ss'})"
									readonly="readonly" style="width: 120px;" /></td>
								<td><a href="javascript:void(0);" class="easyui-linkbutton"
									data-options="iconCls:'icon-search',plain:true"
									onclick="storegrid.datagrid('load',sy.serializeObject($('#storesearchForm')));">过滤</a><a
									href="javascript:void(0);" class="easyui-linkbutton"
									data-options="iconCls:'icon-reload',plain:true"
									onclick="$('#storesearchForm input').val('');storegrid.datagrid('load',{});">重置过滤</a></td>
							</tr>
						</table>
					</form>
				</td>
			</tr>
			<tr>
				<td>
					<table>
						<tr>

							<td><shiro:hasPermission name="/autoinn/store/cru">
									<a href="javascript:void(0);" class="easyui-linkbutton"
										data-options="iconCls:'icon-add',plain:true"
										onclick="storeaddFun();">添加</a>
								</shiro:hasPermission></td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</div>
	<div data-options="region:'center',title:'门店管理'" style="padding: 2px;">
		<div class="easyui-layout" data-options="fit : true,border : false">
			<div data-options="region:'center',border:false">
				<table id="storegrid" data-options="fit:true,border:false"></table>
			</div>
		</div>
	</div>
	<!-- 	<div data-options="region:'east', split:true" style="width: 320px;">
		<div class="easyui-panel"
			data-options="fit:true,border:false,title:'权限设置'"
			style="padding: 10px;" id="user-panel"></div>
	</div> -->
</div>